<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>IFE JavaScript Task 14</title>
</head>

<body>
  <h3>污染城市列表</h3>
  <ul id="aqi-list">
    <!--   
    <li>第一名：福州（样例），10</li>
    <li>第二名：福州（样例），10</li> -->
  </ul>
  <script type="text/javascript">
  var aqiData = [
    ["北京", 90],
    ["上海", 50],
    ["福州", 10],
    ["广州", 50],
    ["成都", 90],
    ["西安", 100]
  ];

  (function() {

    /*
    在注释下方编写代码
    遍历读取aqiData中各个城市的数据
    将空气质量指数大于60的城市显示到aqi-list的列表中
    */
    var len = aqiData.length;
    var doc = document.createDocumentFragment();
    var n = 0;
    for (var i = 0; i < len; i++) {
      if (aqiData[i][1] > 60) {
        var li = document.createElement('li');
        li.innerHTML = aqiData[i][0] + '，' + aqiData[i][1];
        doc.appendChild(li);
      }
    }


    document.getElementById('aqi-list').appendChild(doc);

  })();
  </script>
</body>

</html>